<template>
  <view>
    <!-- 公告item -->
    <view class="shadow" style="border-radius: 15rpx;margin-top: 20rpx;margin-bottom: 10rpx;margin-left: 30rpx;width: 690rpx;height: 250rpx;">
      <!-- 图片 -->
      <view style="float: left;border-radius: 15rpx;left: 15rpx;top: 15rpx;position: relative;width: 250rpx;height: 220rpx;">
        <image :src="notice.img[0]" style="width: 250rpx;height: 220rpx;border-radius: 15rpx;"></image>
      </view>
      <!-- 右侧描述 -->
      <view style="border-radius: 15rpx;left: 30rpx;top: 15rpx;position: relative;float: left;width: 400rpx;height: 220rpx;">
      
        <!-- 公告item的title -->
        <view class="u-line-1" style="font-weight: bold;margin-left: 10rpx;margin-top: 10rpx;width: auto;height: auto;">{{notice.title}}</view>
        <!-- 公告item的detail -->
        <view class="u-line-2" style="font-size: 32rpx;margin-top: 10rpx;margin-left: 10rpx;width: auto;height: auto;">{{notice.subTitle}}</view>
        <view @click="noticeClick" class="shadow" style="border-radius: 15rpx;padding-left: 25rpx;margin-top: 15rpx;margin-left: 160rpx;margin-right: 15rpx;width: 210rpx;height: auto;">{{userType==='管理员'? '修改公告' :'查看详情 >' }}</view>
      </view>
      
    </view>
  </view>
</template>

<script>
  export default {
    name:"my-notice",
    props: {
      // 公告的信息对象
      notice: {
        type: Object,
        default: {},
      },
      // 用户身份
      userType: {
        type: String,
        default: '业主',
      },
      
    },
    data() {
      return {
        
      };
    },
    methods:{
      noticeClick(){
        if(this.userType==='管理员'){
          uni.navigateTo({
            url: '/subpkg/admin-page-notice-edit/admin-page-notice-edit?notice_Id='+this.notice.id
          })
        }else{
          uni.navigateTo({
            url: '/subpkg/notice-detail/notice-detail?notice_Id='+this.notice.id
          })
        }
      }
    }
  }
</script>

<style lang="scss">

</style>
